html {height: 100%;padding:0;margin:0;}

body {padding:0;margin:0;font-size: 12px;font-family: 'Microsoft Yahei',Tahoma,Arial;height: 100%;background: #f5f5f5;color: #555;}
a {color: #555;text-decoration: none;}
a:hover {color: #0591aa;text-decoration: underline;}
* {margin: 0;padding: 0;outline: 0;}
i {font-style: normal;}
li, ul ,dl,dd,dt{list-style: none;}
input[type=radio] {margin: 0 3px 0 5px;vertical-align: middle;}
input[type=checkbox] {margin: 3px 3px 3px 4px;vertical-align: middle;}
select {font-size: 12px;font-family: '宋体','Microsoft Yahei',Tahoma,Arial;}
table{width:100%;border-collapse:collapse;border-spacing:0}

.red{color:red;}
.theme-color, a.theme-color:hover {color: #1596ad !important;}

.fl {float: left !important;}
.fr {float: right !important;}
.oh {overflow: hidden !important;}
.cb {clear: both !important;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
.clearfix {*zoom: 1;}

.mt5 {margin-top: 5px !important;}
.cgray9 {color: #999 !important;}
.cgray6 {    color: #666;}

.w75p {width: 75%;}


.side-wrap {
    width: 96px;
    height: 100%;
    background-color: #00b8d2;
    float: left;
    position: fixed;
    min-height: 590px;
    top: 0;
    *position: absolute;
    *left: 0;
    z-index: 1001;
}
.logo {width: 96px;height: 30px;margin-top: 15px;}
.logo a {display: block;overflow: hidden;text-align: center;}
.logo a img {width: 65px;border: 0;}


/*左侧目录*/
.side-menu {margin-top: 65px;font-family: 'Microsoft Yahei',Tahoma,Arial;}
.side-menu ul{padding:0;margin:0;}
.side-menu ul li {height: 85px;padding:0;margin:0;list-style:none; position: relative;}
.side-menu ul li:hover{background-color:#0591aa; }
.side-menu ul li a{background: url(../img/menu.png) no-repeat;display: block;text-align: center;padding-top: 53px;font-size: 14px;color: #fff;position: relative;text-decoration:none;}
.side-menu ul li a:hover{text-decoration:none;}
.side-menu ul li a.order {background-position: 34px 15px;}
.side-menu ul li a.customer {background-position: 33px -77px;}
.side-menu ul li a.product {background-position: 33px -165px;}
.side-menu ul li a.promotion {background-position: 34px -257px;}
.side-menu ul li a.message {background-position: 34px -343px;}
.side-menu ul li a.report {background-position: 34px -435px;}
.side-menu ul li a.pay {background-position: 33px -506px;}

@media screen and (max-height:550px) {
    .side-menu ul li a {padding-top: 47px;}
    .side-menu ul li {height: 72px;}
    .side-menu ul li a.order {background-position: 34px 10px;}
    .side-menu ul li a.customer {background-position: 33px -82px;}
    .side-menu ul li a.product {background-position: 33px -170px;}
    .side-menu ul li a.promotion {background-position: 34px -262px;}
    .side-menu ul li a.message {background-position: 34px -349px;}
    .side-menu  ul li a.report {background-position: 34px -438px;}
    .side-menu ul li a.pay {background-position: 33px -511px;}
    .side-menu ul li a.promotion {background-position: 34px -302px;}
    .side-menu {margin-top: 40px;}
}

/*右侧*/
.r-wrap {min-width: 1115px;margin-left: 96px;max-width: 1404px;}

@media screen and (max-width:1200px) {
    .r-wrap {min-width: 850px;}
}

/*右侧顶部*/
.header_manage {border-bottom: 1px solid #dbdee1;height: 60px;background-color: #FFF;}
.header_wrap_manage {padding: 0 0 0 30px;max-width: 1404px;word-wrap: none;}
.header_manage .options .header-logout {display: block;}
 #subLogo {float: left;height: 40px;margin-top: 10px;margin-right: 10px;}
.header_manage h2 {padding:0;margin:0;font-size: 16px;color: #555;line-height: 60px;display: inline-block;float: left;font-weight: 400;font-family: 'Microsoft Yahei',Tahoma,Arial;}
.header_manage .h2-spec {font-family: 'Microsoft Yahei',Tahoma,Arial;font-size: 16px;margin-left: 7px;float: left;line-height: 60px;}

.header_manage .options {float: right;padding:0;margin:0;list-style:none;}
.header_manage .options li {float: left;height: 60px;padding: 0 16px 0 44px;margin:0;list-style:none;line-height: 64px;position: relative;cursor: pointer;color: #787878;}
.header_manage .options li:hover {background-color: #e8e8e8;}
.header_manage .options a:hover {text-decoration: none;color: inherit;}

.header_manage .options .infoNum {height: 15px;display: block;background-color: #fa552b;color: #fff;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;position: absolute;top: 13px;left: 25px;line-height: 15px;text-align: center;padding: 0 3px;min-width: 13px;}

.header_manage .options .hide {display: none;}
.header_manage .options li i { width: 19px;height: 18px;display: block;position: absolute;top: 20px;left: 16px;}
.header_manage .options .app-center i {background: url(../img/headerv2_1.png) no-repeat -101px -101px;top: 22px;}
.header_manage .options .info i {background: url(../img/headerv2_1.png) no-repeat -1px -101px;top: 22px;}
.header_manage .options .cart i {background: url(../img/headerv2_1.png) no-repeat -81px -101px;top: 21px;}
.header_manage .options .user i {background: url(../img/headerv2_1.png) no-repeat -21px -101px;top: 21px;}
.header_manage .options .user .bindMobile, .header_manage .options .user .renewal {position: absolute;left: 25px;top: 40px;}
.header_manage .options .setting i {background: url(../img/headerv2_1.png) no-repeat -41px -101px;top: 22px;}
.header_manage .options .headerService i {background: url(../img/headerv2_1.png) no-repeat -61px -101px;top: 21px;}
.header_manage .options .container {padding:0;margin:0; list-style:none;width: 120px;position: absolute;top: 60px;z-index: 999;font-family: "宋体";font-size: 12px;background-color: #fff;box-shadow: 1px 1px 10px #adadad;-moz-box-shadow: 1px 1px 10px #adadad;-webkit-box-shadow: 1px 1px 10px #adadad;display: none;}
.header_manage .options  li:hover .container {display: block;}


.header_manage .options .info a {float: left;font-size: 12px;height: 37px;}
.header_manage .options .info a em {font-style: normal;}
.header_manage .options .info .system-notice a:nth-child(1) {width: 256px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.header_manage .options .info .system-notice a:nth-child(2) {width: 40px;color: #999;float: right;}

.header_manage .options .container {width: 125px;}
.header_manage .options .info .container, .header_manage .options .setting .container, .header_manage .options .user .container {left: 0;}
.header_manage .options .headerService .container {right: 0;}
.header_manage .options .headerService .container .tel {cursor: default;height: 74px;background-color: #00a7e4;color: #fff;}
.header_manage .options .container li {height: 37px;line-height: 37px;padding:0 0 0 20px;margin:0;width:105px; list-style:none;color: #555;}
.header_manage .options a {display: inline-block;}
.header_manage .options .container a {color: #555;text-decoration: none;display:block;}
.header_manage .options .container a .busnessMessageNum, .header_manage .options .container a .systemMessageNum, .header_manage .options .container a .updateMessageNum {position: absolute;left: 50px;top: 0;}
.header_manage .options .container a .ui-new-func {right: -10px;top: 5px;}
.header_manage .options .container li:hover {background-color: #e8e8e8;}
.header_manage .options .new-con-p .ui-new-func {top: 18px;right: -5px;}

.header_manage .options .cart .new-con-p, .header_manage .options .user .new-con-p {position: absolute;right: 10px;top: 0;}

.header_manage .options .user .userName {white-space: nowrap;text-overflow: ellipsis;    overflow: hidden;max-width: 48px;min-width: 24px;display: inline-block;}

.header_manage .options .setting .container, .header_manage .options .user .container {width: 131px;}
.agent-header .menu1 {position: relative;}
.agent-header .menu1 .ui-new-func {top: -5px;}
.header_manage .menu2 {position: relative;}

.main-wrap {padding: 20px 0 20px 30px;min-width: 840px;}

/*当前位置*/
.map {line-height: 30px;margin-bottom: 10px;font-size: 14px;color: #666;z-index: 9;position: relative;}

.map a {font-size: 14px;color: #666;font-weight: 400;}
.map a.index {font-weight: 700;font-size: 16px;}
.map a:hover {color: #1596ad;}
.map .ui-icon-return {font-size: 14px;float: right;height: 20px;margin-top: 5px;}
.map .last-login {font-size: 12px;color: #999;margin-left: 20px;}

.search-box {position: relative;margin-left: 460px;max-width: 1004px;height: 48px;overflow: hidden;margin-top: 5px;z-index: 10;}
.search-con {width: 390px;position: absolute;top: 15px;height: 32px;right: 20px;}
.search-con .search {width: 228px;margin-left: -1px;z-index: 1;}
.search-con .advance-search-link {width: 25px;height: 30px;line-height: 15px;font-size:12px; display: block;float: right;}

.ui-datepicker-inp, .ui-input {padding: 5px 12px;height: 20px;line-height: 20px;border: 1px solid #d6dee3;color: #555;vertical-align: middle;outline: 0;  font-family: verdana,'宋体','Microsoft Yahei',Tahoma,Arial;font-size: 12px;}
.ui-search-ico {background: url(../img/icon8.png) no-repeat;width: 14px;height: 0;padding-top: 14px;display: inline-block;overflow: hidden;vertical-align: middle;margin-left: -25px;background-position: -110px 0;}
.ui-search-ico:hover {background-position: -128px 0;}
.ui-search-ico:active {background-position: -146px 0;}

.ui-combo-wrap {position: relative;display: inline-block;height: 30px;*display: inline;vertical-align: middle;background-color: #fff;border: 1px solid #d6dee3;color: #555;overflow: hidden;zoom: 1;}
.ui-combo-wrap .input-txt {outline: 0;float: left;padding: 5px 12px;height: 20px;line-height: 20px;color: #555;border: 0;font-family: verdana,'宋体','Microsoft Yahei',Tahoma,Arial;font-size: 12px;}
.ui-combo-wrap-mini:hover, .ui-combo-wrap:hover {border: 1px solid #a8b3b9;}
.ui-combo-wrap .trigger {float: left;width: 16px;height: 28px;overflow: hidden;background: url(../img/icon8.png) no-repeat;background-position: -47px 14px;}
.ui-combo-active .trigger, .ui-combo-wrap .trigger:hover, .ui-combo-wrap:hover .trigger {background-position: -64px 14px;}
.ui-combo-active, .ui-combo-active:hover {border: 1px solid #2ca1b3;}
.ui-combo-disabled {background: #fcfcfc;cursor: not-allowed;}
.ui-combo-disabled .input-txt {color: #999;background: #fcfcfc;cursor: not-allowed;}
.ui-combo-disabled:hover {border: 1px solid #d6dee3;}
.ui-combo-disabled .trigger, .ui-combo-disabled .trigger:hover {background-color: #fcfcfc;background-position: -47px 14px;}
.ui-combo-disabled:hover .trigger {background-position: -47px 14px;}

.ui-droplist-wrap {background: #fff;border: 1px solid #2ca1b3;z-index: 500;max-height: 340px;overflow: auto;}
.ui-droplist-wrap .droplist {background-color: #fff;position: relative;}
.ui-droplist-wrap .list-item {_position: relative;padding: 2px 10px;line-height: 26px;cursor: default;overflow: hidden;color: #555;background: #FFF;}
.ui-droplist-wrap .list-item:hover{background-color: #f5f5f5;}
.ui-droplist-wrap .list-item-product {position: relative;padding: 2px 10px 2px 52px;height: 46px;cursor: pointer;color: #555;background: #FFF;line-height: 46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-droplist-wrap .loading {line-height: 26px;padding: 5px 5px 5px 40px;background: url(loading.gif) no-repeat 10px center;}
.ui-droplist-wrap .tips {line-height: 18px;padding: 5px;}
.ui-droplist-wrap .on {background-color: #f5f5f5;}
.ui-subjectList-wrap .list-item {font-size: 12px;}
.ui-droplist-wrap .extra-list-ctn {border-top: 1px solid #d6dee3;padding-left: 10px;line-height: 26px;background-color: #f5f5f5;}

/*选项卡*/
.ui-tab-menu {height: 38px;display: block;overflow: hidden;}
.ui-tab-menu li {position: relative;float: left;display: inline-block;margin-right: 8px;}
.ui-tab-menu li a {display: block;background-color: #e6e8e9;color: #666;height: 38px;min-width: 80px;font-size: 14px;padding: 0 10px;text-align: center;line-height: 38px;cursor: pointer;}
.ui-tab-menu li a:hover {background-color: #d7dddf;color: #666;}
.ui-tab-menu li.current a, .ui-tab-menu li.current a:hover {background-color: #fff;color: #0591aa;}


.main-t {background-color: #FFF;padding: 20px 20px 80px;min-height: 450px;overflow: hidden;}

/*排序 筛选*/
.func{line-height: 34px;}
.func dd{float:left;margin-right: 15px; position:relative;z-index:500; cursor:pointer;}
.target_box {left:0;top:34px;display:none;width:100%;border: 1px solid #3DA8B9;border-radius: 3px;background-color: #fff; position:absolute;max-height: 370px;overflow-y: auto;line-height: 12px;min-width: 105px;-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.4);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4);box-shadow: 1px 1px 3px rgba(0,0,0,.4);z-index:600;}
.target_box ul {overflow: auto;}
.target_box li {position: relative;cursor: pointer;text-align:center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.target_box li:hover {background-color: #F0F0F0;}
.target_box li a {font-size: 12px;display:inline-block;padding: 5px 20px 5px 5px;text-align: center;}
.target_box li span.arrow:hover,.target_box li span.selected{color:#1596ad;font-weight:700;}
.target_box li.filter-op a {text-align: left;background-color: #f5f5f5;border-top: 1px solid #dce2e7;color: #1b96a9;}
.target_box li.filter-op a:hover {text-align: left;background-color: #eceaea;border-top: 1px solid #dce2e7;color: #1b96a9;}
.table-filter {display: inline-block;padding-right: 20px;line-height: 20px;height: 20px;background: url(../img/table-filter.png) no-repeat;background-position: right 4px;cursor: pointer;}

.triangle-up {left:31px;top:25px; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #3DA8B9; position:absolute;z-index:601;display:none;}
.triangle-up1{left:32px;top:26px;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #fff; position:absolute;z-index:602;display:none;}
.func dd:hover .target_box,.func dd:hover .triangle-up,.func dd:hover .triangle-up1{display:block;}
.func dd:hover .table-filter {background-position: right -22px;color: #0591aa;}

.bigimg-away {float: right;margin-right: 8px;}
.bigimg-away li {float: left;width: 26px;margin-left: 15px;}
.bigimg-away .btn-away {display: block;width: 26px;height: 26px;}

.bigimg-away .btn-away-bigimg {background: url(../img/bg_20150603_002.png) scroll no-repeat 0 0 transparent;}
.bigimg-away .btn-away-bigimg:hover {background: url(../img/bg_20150603_001.png) scroll no-repeat 0 0 transparent;}
.bigimg-away .btn-away-line {background: url(../img/bg_20150603_003.png) scroll no-repeat 0 0 transparent;}

.bigimg-away .btn-away-line:hover {background: url(../img/bg_20150603_004.png) scroll no-repeat 0 0 transparent;}

.product-list{position:relative;margin-top:20px;}
/*商品分类*/
.product-type-table {left:0;top:0; height:1190px;width: 200px;border: 1px solid rgb(238, 238, 238); border-image: none;  padding-top: 0px;position:absolute;display:none; }
.product-type-table .tl{padding:0 5px;vertical-align:middle;height:40px;line-height:40px; vertical-align:middle; background-color:#f7f7f7;border:0;color:#555;font-weight:700;font-size:14px;}
.hide-product-type {font-size: 12px;font-weight: 400;}
.product-type-table dl dt{display: block;line-height: 20px;padding: 8px;}
.product-type-table dl dd{padding:10px;white-space:nowrap;}
.product-type-table dl dd em{width:13px;height:14px;margin-right:5px;background:url(../img/icon8.png) no-repeat 0 0;display:inline-block;}
.product-type-table dl dd a{display:inline-block; vertical-align:top;}
.product-type-table dl dt:hover{background-color: #f0f0f0;}
.product-type-table dl dd:hover{background-color: #f0f0f0; text-decoration:none;}


/*商品列表 */
.bigimg-content {max-width: 1134px;min-width: 850px;margin: 0 auto 60px 0;}
.bigimg-content li.bigimg-item {float: left;width: 252px;height: 370px;position: relative;margin: 0 0 10px 10px;padding: 10px;_zoom: 1;}

.bigimg-item .item-spec {line-height: 35px;display: none;}
.bigimg-item .item-spec3 {margin-bottom: 10px;}

.bigimg-item .bigimg-item-wrapper {position: absolute;top: 0;left: 0;width: auto;padding: 10px;border: solid 1px #eee;}

.bigimg-item .item-perty {line-height: 35px;padding: 0 5px;}
.bigimg-item .item-img {width: 250px;height: 250px;overflow: hidden;text-align: center;display: table;}
.bigimg-item .item-link {max-width: 250px;max-height: 250px;min-width: 180px;min-height: 180px;overflow: hidden;border: 0;vertical-align: middle;display: table-cell;}
.item-link img {display: block;height: auto;border: 0;margin: 0 auto;max-width: 250px;max-height: 250px;}
.bigimg-item .item-price {font-size: 20px;color: #c00;}
.bigimg-item .item-price .ui-icon-promotion-method {margin-top: -5px;}
.bigimg-item .item-name {height: 40px;line-height: 20px;color: #666;margin-bottom: 5px;overflow: hidden;}
.bigimg-item .item-btns {margin-top: 10px;}
.bigimg-item a.btn-addcart {display: block;width: auto;height: 35px;line-height: 35px;color: #333;background: url(../img/bg_20150603_006.png) scroll no-repeat 55px 9px #f3f3f3;padding-left: 80px;font-size: 14px;font-family: "microsoft yahei";}
.bigimg-item .item-inventory, .bigimg-item .item-other {padding-left: 65px;line-height: 20px;display: none;}
.bigimg-item .item-other {margin-bottom: 10px;}
.bigimg-item:hover {z-index: 2;display: block;}
.bigimg-item:hover .bigimg-item-wrapper {padding: 7px;border: solid 3px #3da8b9;background-color: #fff;}
.bigimg-item:hover .item-spec {display: block;}
.bigimg-item:hover a.btn-addcart:hover {background: url(../img/bg_20150603_005.png) scroll no-repeat 55px 9px #03b8cc;text-decoration: none;color: #fff;}
.bigimg-item:hover .item-inventory, .bigimg-item:hover .item-other {display: block;}

.ui-combo-wrap-mini {position: relative;display: inline-block;*display: inline;height:25px;vertical-align: middle;background-color: #fafafa;border: 1px solid #c7ced1;color: #555;overflow:visible;;zoom: 1;}
.ui-combo-wrap-mini .input-txt {outline: 0;float: left;padding: 3px;height: 19px;line-height: 19px;color: #555;border: 0;font-family: verdana,'宋体','Microsoft Yahei',Tahoma,Arial;}
.ui-combo-wrap-mini .trigger {float: left;width: 12px;height: 100%;overflow: hidden;background: url(../img/icon8.png) no-repeat;background-position: -51px 10px;}
.ui-combo-wrap-mini .trigger:hover {background-position: -68px 10px;}
.ui-combo-wrap-mini:hover .ui-droplist-wrap-mini{display:block;}

.ui-droplist-wrap-mini {left:-1px;top:25px; width:100%;position: absolute; z-index: 1000;background: #fff;border: 1px solid #2ca1b3;display:none;}
.ui-droplist-wrap-mini .droplist {background-color: #fff;position: relative;overflow: auto; position: relative;}
.ui-droplist-wrap-mini .droplist .list-item {_position: relative;padding: 3px;line-height: 16px;cursor: default;overflow: hidden;color: #555; cursor:default;}
.ui-droplist-wrap-mini .droplist .list-item:hover {background-color: #f5f5f5;}

/*页码*/
 .ui-pager-inp {padding: 0 5px;height: 25px;line-height: 25px;border: 1px solid #d6dee3;color: #555;width: 20px;display: inline-block;float: left;vertical-align: middle;outline: 0;font-family: verdana,'宋体','Microsoft Yahei',Tahoma,Arial;margin-left: 5px;font-size: 12px;}
 .ui-pager-next, .ui-pager-prev {background: url(../img/icon8.png) no-repeat;display: inline-block;width: 25px;height: 0;padding-top: 25px;overflow: hidden;cursor: pointer;}
 .ui-pager-prev {background-color: #fafafa;border: 1px solid #c7ced1;background-position: 9px -34px;}
.ui-pager-prev:hover {background-color: #FFF;border: 1px solid #c7ced1;}
.ui-pager-prev:active {background-color: #93a3ab;border: 1px solid #93a3ab;background-position: -22px -34px;}
.ui-pager-prev.ui-pager-pn-disabled, .ui-pager-prev.ui-pager-pn-disabled:active, .ui-pager-prev.ui-pager-pn-disabled:hover {cursor: not-allowed;background-color: #FFF;border: 1px solid #c7ced1;background-position: -7px -34px;}
.ui-pager-next {background-color: #fafafa;border: 1px solid #c7ced1;background-position: 10px -51px;}
.ui-pager-next:hover {background-color: #FFF;border: 1px solid #c7ced1;}
.ui-pager-next:active {background-color: #93a3ab;border: 1px solid #93a3ab;background-position: -21px -51px;}
.ui-pager-next.ui-pager-pn-disabled, .ui-pager-next.ui-pager-pn-disabled:active, .ui-pager-next.ui-pager-pn-disabled:hover {cursor: not-allowed;background-color: #FFF;border: 1px solid #c7ced1;background-position: -6px -51px;}

.page {float: right;display: inline-block;vertical-align: middle;width: 350px;line-height: 26px;margin: 10px;}
.page-total {float: left;line-height: 26px;margin: 10px 10px 0;display: block;}
.page span {    float: left;margin-left: 5px;}
.page span.trigger {margin-left: 0;}
.page .pageSel {float: left;display: block;color: #666;margin: 0;margin-left: 10px;border: 1px solid #d6dee3;padding: 4px;font-size: 12px;height: 26px;}
.page .pn {float: right;margin-left: 5px;}
.page .pn a {margin-left: 5px;}
.page-number {margin-left: 130px;}
.page .ui-pager-next, .page .ui-pager-prev {margin-left: 5px;}
